<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .header{
            height: 80px;
            background: black;
            margin-left: auto;
            margin-right:auto;
        }
        .nav{
            height: 400px;
            background: gray;
            margin-left: auto;
            margin-right:auto;
        }
        .con{
            height: 400px;
            margin-left: auto;
            margin-right:auto;
        }
    </style>
</head>
<body>
        
            <div class="header">
                <h1 style="color: white; position:absolute; left:350px;">微信</h1>
                <p style="color: white; position:absolute; right:400px;">首页  帮助与反馈  公众平台  开放平台  微信支付  微信广告  企业微信  表情开放平台  微信网页版</p>
            </div>
            <div class="nav">
                <h2 style="position:absolute; left:350px; top: 70px;">微信，是一个生活方式</h2>
                <p style="position:absolute; left:350px; top: 450;">
                <br>超过十亿人使用的手机应用
                <br>支持发送语音短信、视频、图片和文字
                <br>可以群聊，仅耗少量流量，适合大部分智能手机
                </p>
                <input type="submit" value="免费下载" style="width:300px;height:100px;background: green; position:absolute; left:350px; top: 250px; font-size: 30px; color: white;">
                <nav id="nav">
                    <ul style="position:absolute; left:350px; top: 350px;">
                        <li><a href="#">忘记了微信帐号或密码？</a></li>
                        <li><a href="#">自助解除登录或功能限制</a></li>
                        <li><a href="#">冻结或解冻微信帐号</a></li>
                    </ul>
                </nav>
                <img src="image/pic3.PNG" style="position:absolute; top:90px; right: 10px;"/>
            </div>
            <div class="con">
                <ul style="float:right;">
                    <li><a href="#">微信 8.0.6 for Android 正式版发布(New)</a></li>
                    <li><a href="#">微信 8.0.6 for iOS 正式版发布(New)</a></li>
                    <li><a href="#">微信 3.0.0 for Mac 正式版发布 (New)</a></li>
                    <li><a href="#">微信 3.2.1 for Windows 正式版发布 (New)</a></li>
                    <li><a href="#">关于部分 iOS 9 用户无法更新微信(New)</a></li>
                    <li><a href="#">微信外部链接内容管理规范</a></li>
                    <li><a href="#">微信网页版 2.1 版本发布</a></li>
                    <li><a href="#">微信表情开放平台上线</a></li>
                    <li><a href="#">10-28官方辟谣公众号开通</a></li>
                </ul>
                <img src="image/pic4.PNG" style="float:left;"/>
            </div>
</body>
</html>